<template>
  <div class="QRcode-wrap" @click="close">
    <div class="QRcode-content">
      <img :src="'http://cj.lightway.cc/media/' + imgurl"/>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    data() {
      return {
      };
    },
    methods: {
      close() {
        this.$emit('getqr', '');
      }
    },
    props: ['imgurl']
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/mixin.styl"
  @import "../../common/stylus/car.styl"
  /*主要文字 黑 main-fn
  次要文字 灰 se-fn
  预填文字 灰 pre-fn
  描边 灰 border 
  背景 灰 bg 
  主题 红 theme
  辅助 蓝 assist */
  .QRcode-wrap
    height 100%
    width 100%
    background-color rgba(33,33,33,0.8)
    position fixed
    top 0px
    z-index 1000
    .QRcode-content
      width 240px
      background-color rgb(255,255,255)
      border 1px solid $border
      margin 0 auto
      margin-top 30%
      img
        width 100%
        height auto
</style>